﻿@{ 
    Layout = null;
}
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0">

    <title>首页</title>

    <link href="/Theme/css/base.css" rel="stylesheet">
    <link href="/Theme/css/other.css" rel="stylesheet">
    <link href="/Theme/css/swiper.min.css" rel="stylesheet">
</head>

<body>
    <header id="fixedBg" class="header header-no-back index-header">
        <div class="header-scan position-left">
            <a href=""></a>
        </div>

        <div class="header-search">
            <form>
                <div class="header-search-box">
                    <input placeholder="输入内容">
                    <span class="search-clear"></span>
                </div>
            </form>
        </div>

        <div class="header-msg position-right">
            <a href="../List/List.html">
                <em>12</em>
            </a>
        </div>
    </header>


    <section class="container no-top">
        <div class="home-top">
            <div class="banner">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="">
                                <img src="/Theme/img/b2.jpg">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <img src="/Theme/img/b1.jpg">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <img src="/Theme/img/b3.jpg">
                            </a>
                        </div><strong></strong>
                    </div>

                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>

        <div class="market-menu">
            <ul>
                <li>
                    <a href="../Shop/ProductList.html">
                        <i>
                            <img src="/Theme/img/h1.png">
                        </i>
                        <span>智慧家居</span>
                    </a>
                </li>
                <li>
                    <a href="../Shop/ProductList.html">
                        <i>
                            <img src="/Theme/img/h2.png">
                        </i>
                        <span>极简设计</span>
                    </a>
                </li>
                <li>
                    <a href="../Shop/ProductList.html">
                        <i>
                            <img src="/Theme/img/h3.png">
                        </i>
                        <span>美食酒水</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i>
                            <img src="/Theme/img/h4.png">
                        </i>
                        <span>轻奢生活</span>
                    </a>
                </li>

                <li>
                    <a href="">
                        <i>
                            <img src="/Theme/img/h5.png">
                        </i>
                        <span>新鲜果蔬</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i>
                            <img src="/Theme/img/h6.png">
                        </i>
                        <span>母婴亲子</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i>
                            <img src="/Theme/img/h7.png">
                        </i>
                        <span>数码家电</span>
                    </a>
                </li>

                <li>
                    <a href="/Shop/Classify.html">
                        <i>
                            <img src="/Theme/img/h8.png">
                        </i>
                        <span>其他分类</span>
                    </a>
                </li>
            </ul>
        </div>

        <div class="shop-classify">
            <div class="scroll-title">
                <ul>
                    <li class="active">
                        <span>热门</span>
                    </li>

                    <li>
                        <span>智慧生活</span>
                    </li>

                    <li>
                        <span>美妆</span>
                    </li>

                    <li>
                        <span>珠宝</span>
                    </li>

                    <li>
                        <span>母婴</span>
                    </li>

                </ul>
            </div>

            <div class="tab-container">
                <div class="tab-box" style="display: block;">
                    <div class="ranking-main">
                        <div class="aui-ass-link">
                            <a href="../Shop/ProductDetails.html" class="aui-flex">
                                <div class="aui-ass-img">
                                    <img src="/Theme/img/c1.png" alt="">
                                </div>
                                <div class="ranking-box">
                                    <h2>KINGPOWER王权免税天然原味椰子片40g*3纯粹滋味下午茶良伴 </h2>
                                    <span>已售：85</span>
                                    <div class="aui-flex aui-flex-one">
                                        <div class="aui-flex-box">
                                            <h2><em><i>￥</i>29.99</em></h2>
                                        </div>
                                        <div class="aui-button-get">
                                            <button onClick="javascript:window.location.href='ProductDetails.html'">去购买</button>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>

                        <div class="aui-ass-link">

                            <a href="../Shop/ProductDetails.html" class="aui-flex">
                                <div class="aui-ass-img">
                                    <img src="/Theme/img/c4.jpg" alt="">
                                </div>
                                <div class="ranking-box">
                                    <h2>思朗纤麸粗粮饼干早餐全麦代餐杂粮消化饼干无糖精饼干整箱零食品</h2>

                                    <span>已售：185</span>
                                    <div class="aui-flex aui-flex-one">
                                        <div class="aui-flex-box">
                                            <h2><em><i>￥</i>69.00</em></h2>
                                        </div>
                                        <div class="aui-button-get">
                                            <button>去购买</button>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>

                        <div class="aui-ass-link">

                            <a href="../Shop/ProductDetails.html" class="aui-flex">
                                <div class="aui-ass-img">
                                    <img src="/Theme/img/c2.jpg" alt="">
                                </div>
                                <div class="ranking-box">
                                    <h2>熊孩子 蔬菜脆500g综合水果蔬菜脆片混合装零食小吃 </h2>

                                    <span>已售：95</span>
                                    <div class="aui-flex aui-flex-one">
                                        <div class="aui-flex-box">
                                            <h2><em><i>￥</i>29.99</em><b>￥99</b></h2>
                                        </div>
                                        <div class="aui-button-get">
                                            <button>去购买</button>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>

                        <div class="aui-ass-link">

                            <a href="../Shop/ProductDetails.html" class="aui-flex">
                                <div class="aui-ass-img">
                                    <img src="/Theme/img/c3.jpg" alt="">
                                </div>
                                <div class="ranking-box">
                                    <h2>马来西亚进口旧街场白咖啡经典原味+榛果味白咖啡组合</h2>

                                    <span>已售：136</span>
                                    <div class="aui-flex aui-flex-one">
                                        <div class="aui-flex-box">
                                            <h2><em><i>￥</i>29.99</em>单买价￥99</h2>
                                        </div>
                                        <div class="aui-button-get">
                                            <button>去开抢</button>
                                        </div>
                                    </div>
                                </div>
                            </a>

                        </div>
                    </div>
                </div>

                <div class="tab-box">
                    <div class="no-content">
                        <i></i>
                        <p>暂无内容</p>
                    </div>
                </div>

                <div class="tab-box">
                    <div class="no-content">
                        <i></i>
                        <p>暂无内容</p>
                    </div>
                </div>

                <div class="tab-box">
                    <div class="no-content">
                        <i></i>
                        <p>暂无内容</p>
                    </div>
                </div>

                <div class="tab-box">
                    <div class="no-content">
                        <i></i>
                        <p>暂无内容</p>
                    </div>
                </div>
            </div>


        </div>

    </section>

    <nav class="nav">
        <ul>
            <li>
                <a href="../Home/Index.html" class="nav-base active">
                    <i></i>
                    <span>首页</span>
                </a>
            </li>

            <li>
                <a href="../Shop/Classify.html" class="nav-classify">
                    <i></i>
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="../Shop/Shopcart.html" class="nav-shopcart">
                    <i></i>
                    <span>购物车</span>
                </a>
            </li>
            <li>
                <a href="../User/UserIndex.html" class="nav-user">
                    <i></i>
                    <span>会员</span>
                </a>
            </li>
        </ul>
    </nav>

    <script src="/Theme/js/jquery-1.11.2.min.js"></script>
    <script src="/Theme/js/swiper.min.js"></script>

    <script>
	$(function(){
		//顶部滚动效果
		$(window).scroll(function(){

			if ($(window).scrollTop() >= 20){
				$("#fixedBg").removeClass('header-no-back');
			}
			else{
				$("#fixedBg").addClass('header-no-back');
			}
		});
	});
    </script>


    <script>
	//轮播图
	var swiper = new Swiper('.swiper-container', {
		pagination: '.swiper-pagination',
		paginationClickable: true,
		centeredSlides: true,
		autoplay: 2500,
		autoplayDisableOnInteraction: false,
		loop: true
	});
    </script>


    <script>
	$(function(){
		//选项卡
        $(".scroll-title li").click(function(){

            var _index = $(this).index();

            $(".tab-box").eq(_index).fadeIn().siblings().hide();
            $(this).addClass("active").siblings().removeClass("active");
        });
	});
    </script>
</body>
</html>
